6.1 How to react to move movement

:hover
- Trial 1: Let's change the background color of a button in a <p> element that belongs to the class 'tr1', when the mouse moves over the button, not the <p> element.
  <style> ??? </style> <p ???> What a wonderful world! <button type='button'>Hover the mouse over me!</button> Start where you are! </p>
- Trial 2: Let's change the background color of a <button> that belongs to the class 'tr2', when the mouse moves over the button. Let's display the <ul> that is a child of the <button> at the same time.
  <style> button???tr2:??? { background-color: LightBlue; } ??? > ul { display: none; } ???:??? > ul { display: ???; background-color: LightGreen; } </style> <button class='tr2' type='button'>List of COMP courses <ul> <li>COMP 2680</li> <li>COMP 3540</li> </ul> </button>
:active
- How to use?
clicking
- We need some thing better than CSS.
- JavaScript - a scripting language for rich user interface
- We will discuss the language soon.
double clicking
- We need some thing better than CSS.
- JavaScript - a scripting language for rich user interface
- We will discuss the language soon.
Is there any other mouse actions?

6.1 How to react to mouse movement